
.normal {
}
.allContent{
  width:100%;
  font-family: Helvetica,"PingFang SC" ! important;

  min-height:600px;
  font-size:16px;
  display: flex;
  flex-direction:column;;
  background: #f5f5f5;

  align-items: center;
}
.whiteHeaderContent{
  width:100%;
  background: white;
  display: flex;
  justify-content: center;
  border-bottom:2px solid #f5f5f5;
}
.contentFlex{
  width:86%;
  background: #f5f5f5;
  height:auto;
}

.logoImg{
  height: 3em;
  width: 3.5em;
}
.courseHead{
  font-family: SimHei;
  font-weight: bolder;width: 25%;
}
.topHeader{
  display: flex;
  height:auto;justify-content: flex-start;
  border-bottom:1px solid #bbbbbb;background: white;
}
.headerLeft{
  display: flex;align-items: center;justify-content: flex-start;
  width:80%;

}
.headerRight{
  display: flex;align-items: center;justify-content: space-around;
  width:20%; font-family: SimHei;
  font-size: 0.85em;
}
.searchInput{
  border:1px solid #108ee9; height:20px;
}
.searchIconBac{
  background: #108ee9;
  display: flex;
  justify-content: center;align-items: center;
  height:23.5px;
  width:21px;

}
.searchIconBac:hover
{
  background-color:#3aabff;
  opacity:0.8;
}
.searchIconBac:active  {background: #108ee9;}
.searchIcon{
  height:21px;
  width:20px;
}
.avateIcon{
  width:18px;
  height:18px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  border:2px solid #108ee9;
  display: none;
}
.typeHeader{
  background: white;
  display: flex;flex-direction:column;
  justify-content: space-around;
  height:60px;

}
.arrowText{
  display: flex;
  height:30px;
  margin-top:8px;

}

.arrowContent{
  display: flex;align-items: center;height:18px;text-align: center;
}
.arrowRightText{
  width:110%;font-family: SimHei;
  color: #434343;
}
.arrowRight{
  height:10px;
  width:10px;
}
.swiperImgContent{
  width:100%;
  height:260px;
  /*background: red;*/
  background-image: url("../../assets/headerBacMyCour.png");
}
.centerContent{
  width:100%;
  background: white;
  margin-top: 5px;
  display: flex;
  flex-direction:column;
  align-items: center;
}
.centerConetentF{
  width:86%;
  background: white;
  display: flex;
  flex-direction: column;
  /*align-items: center;*/
  /*justify-content: center;*/
}
.centerConetentF1{
  width:50%;
  background: white;
  display: flex;
  flex-direction: column;
  border-right:2px solid #f5f5f5;
  /*align-items: center;*/
  /*justify-content: center;*/
}
.centerConetentF2{
  width:50%;
  background: white;
  display: flex;
  flex-direction: column;
  border-left:2px solid #f5f5f5;
  /*align-items: center;*/
  /*justify-content: center;*/
}
.centerConetentF0{
  width:86%;display: flex;
  /*margin-top:5px;*/
  background: #f5f5f5;
  justify-content:space-around;
}
.pageRightIcon{
  width:20px;
  height:20px;
  /*margin-left:50%;*/
  /*background: red;*/
  /*width:50%;*/
}

.centerConetentF01{
  width:100%;display: flex;
  /*margin-top:5px;*/
  background: white;
  justify-content:space-around;
}
.groupTitle{
  display: flex;
  width:100%;
  justify-content: flex-end;
  align-items: center;

}
.groupTitle div{
  /*background: blue;*/
  width:15%;display: flex;align-items: center;flex-direction: row
}
.groupTitle h1{
  /*background: yellow;*/
  width:100%;
  /*background-image: linear-gradient(to right, #fb3 40%, #58a 0,#58a 60%, #fb3 0);*/
}
.groupTitle p{
  /*background: yellow;*/
  width:42%;
  display: flex;
  flex-direction:column;
  align-items: center;
  /*background: red;*/
}
.groupTitle p span{
  /*background: yellow;*/
  /*width:42%;*/
  /*display: flex;*/
  /*flex-direction:column;*/
  /*align-items: center;*/
  /*background: red;*/
  align-self: center;
}

.groupTitle span{
  /*background: yellow;*/
  width:70%;
  height: 0.09em;
  background-image: linear-gradient(to right, #fb3 40%, #58a 0,#58a 60%, #fb3 0);
  margin-right:70%;
}
.groupTitle text{
  /*background: red;*/
  /*display: flex;align-items: center;flex-direction: row;*/
}
.groupContent{
  display: flex;
  width:100%;
  justify-content: space-around;
}
.groupMap{
  display: flex;
  justify-content: space-around;

  /*background: red;*/

  width:100%;
  /*border:1px solid red;*/
  /*padding:5px;*/
}
.groupMapFlex{
  /*display: flex;*/
  width:100%;
  background: white;
  padding:5%;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  /*height:60%;*/
}
.courseImg{
  width:100%;
  /*height:100%;*/
  /*background: red;*/
}
.coverImgContent{
  /*width:100%;*/
  /*display: flex;*/
  /*justify-content:center;*/
}
.coverImg1{
  /*width:100%;*/
  /*height:260px;*/
  /*z-index: 100;*/
}
.coverImg{
  width:60%;
  /*height:230px;*/
  /*z-index: 101;*/
  /*position: relative;*/
  /*top:-230px;*/
  /*margin-bottom:-210px;*/
}
.menuContent{
  width:20%;
  /*height:120%;*/
  height:100%;

}
/*@media \0screen\,screen\9 {*/
  /*.demo{*/
    /*background-color:#000000;*/
    /*filter:Alpha(opacity=50);*/
   /**/
    /*zoom:1; !* 激活IE6、7的haslayout属性，让它读懂Alpha *!*/
  /*}*/
  /**/
/*}*/

.SubMenuContent{
  /*height:33%;*/
  height:86px;
  color:black;
  position:absolute;
  background:rgba(0,0,0,0.1);
  /*background:white \9;!*CSS Hack,只能对ie9以下浏览器ie6,ie7,ie8有效，否侧ie10,FF,Cherome会失去透明效果*!*/
  filter:Alpha(opacity=10);/*只对ie7,ie8有效*/
  /*filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;*/

}
.menuItem{
  color:black;
  background:rgba(127,127,127,0.1);
  background:white \9;/*CSS Hack,只能对ie9以下浏览器ie6,ie7,ie8有效，否侧ie10,FF,Cherome会失去透明效果*/
  filter:Alpha(opacity=5);/*只对ie7,ie8有效*/
}
.groupList1{
  width:100%;
  /*background: red;*/
}
.courseShow{
  display: flex;
  flex-direction:column;
  width:24%;
  /*border:1px solid #f5f5f5;*/
  padding:2%;
  cursor: pointer;
  /*border:1px solid red;*/
  margin-top:15px;
  background: white;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;

}
.courseShow :hover{

}

.courseText{
  display: flex;
  align-items: center;
  padding-top:1px;
  font-size: 16px;
  font-family: SimHei;
  background: white;
}
.coursetext{
  font-family: SimHei;
  font-size:16px;
  /*padding-top:3px;*/
  background: white;
  padding-left:2px;
}
.keyTeacher{
  font-family: SimHei;
  font-size:0.8em;
  padding-top:3px;
  padding-left:6px;
  color: #676767;


}
.cashNumContent{
  display: flex;padding-top:3px;
  justify-content: flex-start;
  background: white;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.cashNum{
  width:50%;
  display: none;
  font-family: Helvetica,"PingFang SC";
  font-size:14px;
  color: #fc4645;

}
.learnNum{
  font-family: Helvetica,"PingFang SC";
  font-size:14px;width:50%;
  color: #676767;
  text-align: start;
}
.learnNumText{
  font-family: SimHei;
}
